<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>轮播图</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" />

    <style>
    .aui-bar-nav .aui-pull-left{
      height: 47px;
      width: 45px;
    }
    .back1 {
      width: 13px !important;
      margin-left: 6px;
    }
    </style>
</head>

<body>
    <header class="aui-bar aui-bar-nav" id="aui-header" >
      <div class="aui-pull-left" onclick="closeWin()">
          <img src="../../image/login/back.png" class="back1" alt="">
      </div>
      <div class="aui-title">轮播图跳转</div>
    </header>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/faskclick.js"></script>
<script type="text/javascript">
apiready = function() {
  var header = $api.byId('aui-header');
  $api.fixStatusBar(header);
  var headerPos = $api.offset(header);
  var url = api.pageParam.url;
  if ('addEventListener' in document) {
      document.addEventListener('DOMContentLoaded', function() {
          FastClick.attach(document.body);
      }, false);
  }
  api.openFrame({
      name: 'banner',
      url: url,
      bounces: false,
      rect: {
          x: 0,
          y: headerPos.h,
          w: 'auto',
          h: api.winHeight - headerPos.h
      },
      animation:{
          type:"none",                //动画类型（详见动画类型常量）
          subType:"from_right",       //动画子类型（详见动画子类型常量）
          duration:300                //动画过渡时间，默认300毫秒
      },
  })
};

function closeWin() {
    api.closeWin();
}
</script>
</html>
